<template>
    <div class="chart-page">
        <div class="chart-page-left">
            <Khtj class="chart-page-item" style="margin-right: 16px;" />
        </div>
    </div>
</template>

<script setup lang="ts">
import Khtj from './Khtj.vue'

</script>

<style scoped lang="scss">
.chart-page {
    width: 100%;
    display: flex;
    align-items: stretch;

    &-left {
        width: 66.666%;
        display: flex;
        flex-wrap: wrap;
    }

    &-item {
        background: var(--el-color-white);
        border-radius: 4px;
        width: calc(50% - 12px);

        &.is-right {
            width: 33.333%;
            margin-left: 8px;
        }
    }
}
</style>